define(function(require, exports, module) {
  'use strict';

  var CheckBox = require('views/widgets/checkbox');

  var VerifyCodeView = Backbone.View.extend({
    el: $('#mob-container'),
    events: {

    },
    initialize: function() {
      this.render();
      this._createCheckboxs();
    },
    render: function() {
      var h = [];
      h.push('<div id="mob-verifyCode-page">');
      h.push('<div class="mob-header">');
      h.push('<div class="mob-icon-container">');
      h.push('<i id="mob-checkbox-icon" class="icons-back"></i>');
      h.push('</div>');
      h.push('<p class="mob-header-title">用户注册</p>');
      h.push('<div></div>');
      h.push('</div>');
      h.push('<div class="mob-common-page-container">');
      h.push('<div class="mob-input-box-container">');
      h.push('<i class="icons-phone"></i>');
      h.push('<input id="mob-phoneNumber" type="text" placeholder="请输入手机号码">');
      h.push('</div>');
      h.push('<div class="mob-checkboxGroups-container">');
      h.push('<div id="mob-readUserStatement-checkbox"></div>');
      h.push('</div>');
      h.push('<input id="mob-next" class="mob-button-large mob-button-green" type="button" value="下一步">');
      h.push('</div>');
      h.push('</div>');
      this.$el.append(h.join(''));
    },
    _createCheckboxs: function() {
      new CheckBox({
        el: '#mob-readUserStatement-checkbox',
        checked: false,
        lable: '我已经阅读并同意用户协议',
        onStateChanged: function(state) {

        }
      });
    },
  });

  return VerifyCodeView;

});
